<extend name="Base/common"/>

<block name="style">
    <meta property="qc:admins" content="53554461776113636" />
</block>

<block name="script"></block>

<block name="header">
    <section class="es-poster swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide swiper-hidden" style="background: #46c47b;">
                <div class="container">
                    <a href="http://www.iic.cn" target="_blank" ><img class="img-responsive" src="http://edusoho-demo.b0.upaiyun.com/files/system/2015/09-25/09480994b6b9674166.jpg?6.6.3"> </a>
                </div>
            </div>
            <div class="swiper-slide swiper-hidden" style="background: #0984f7;">
                <div class="container">
                    <a href="/mobile" target="_blank" ><img class="img-responsive" src="http://edusoho-demo.b0.upaiyun.com/files/system/2015/09-06/164332443847097647.jpg?6.5.5"> </a>
                </div>
            </div>
            <div class="swiper-slide swiper-hidden" style="background: #109afb;">
                <div class="container">
                    <a href="http://open.edusoho.com/educloud" target="_blank" ><img class="img-responsive" src="http://edusoho-demo.b0.upaiyun.com/files/system/2015/09-25/094844caca67527539.png?6.6.3"> </a>
                </div>
            </div>
        </div>
        <div class="swiper-pager"></div>
    </section>
</block>

<block name="body">
    <section class="course-list-section " id="course-list">
        <div class="container">
            <div class="text-line">
                <h5><span>网校课程</span><div class="line"></div></h5>
                <div class="subtitle">
                    精选网校课程，满足你的学习兴趣。
                </div>
            </div>
            <div class="course-filter" id="course-filter">
                <ul class="nav nav-pills hidden-xs" role="tablist">
                    <li role="presentation" class="active  js-course-filter"data-url="/course/search?orderBy=latest">
                        <a href="javascript:;">全部课程</a>
                    </li>
                    <li role="presentation" class=" js-course-filter"data-url="/course/search?categoryId=3&amp;orderBy=latest">
                        <a href="javascript:;">产品介绍</a>
                    </li>
                    <li role="presentation" class=" js-course-filter"data-url="/course/search?categoryId=1&amp;orderBy=latest">
                        <a href="javascript:;">使用教程</a>
                    </li>
                    <li role="presentation" class=" js-course-filter"data-url="/course/search?categoryId=2&amp;orderBy=latest">
                        <a href="javascript:;">默认分类</a>
                    </li>
                </ul>
                <div class="btn-group visible-xs">
                    <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                        全部课程 <span class="caret"></span>
                    </button>
                    <ul class="dropdown-menu" role="menu">
                        <li role="presentation" class="js-course-filter active " data-url="/course/search?orderBy=latest">
                            <a href="javascript:;">全部课程</a>
                        </li>
                        <li role="presentation" class = "js-course-filter " data-url="/course/search?categoryId=3&amp;orderBy=latest">
                            <a href="javascript:;">产品介绍</a>
                        </li>
                        <li role="presentation" class = "js-course-filter " data-url="/course/search?categoryId=1&amp;orderBy=latest">
                            <a href="javascript:;">使用教程</a>
                        </li>
                        <li role="presentation" class = "js-course-filter " data-url="/course/search?categoryId=2&amp;orderBy=latest">
                            <a href="javascript:;">默认分类</a>
                        </li>
                    </ul>
                </div>
                <div class="course-sort btn-group">
                    <a href="javascript:;" class="btn btn-default  active js-course-filter" data-url="/course/search?categoryId=0&amp;orderBy=latest"> 最新 </a>
                    <a href="javascript:;" class="btn btn-default js-course-filter" data-url="/course/search?categoryId=0&amp;orderBy=studentNum"> 最热 </a>
                    <a href="javascript:;" class="btn btn-default js-course-filter" data-url="/course/search?categoryId=0&amp;orderBy=recommendedSeq"> 推荐 </a>
                </div>
            </div>
            <div class="course-list">
                <div class="row">

                    <div class="col-lg-3 col-md-4 col-sm-6">
                        <div class="course-item">
                            <div class="course-img">
                                <a href="/course/12" target="_blank"> <img src="/assets/img/default/lazyload_course.png?6.12.4" alt="网校运营指南" class="img-responsive" data-echo="http://edusoho-demo.b0.upaiyun.com/files/default/2015/06-17/1809553e8965154774.jpg" /> </a>
                            </div>
                            <div class="course-info">
                                <div class="title">
                                    <a class="link-dark" href="/course/12" target="_blank"> 网校运营指南 </a>
                                </div>
                                <div class="metas clearfix">
                                    <span class="num"><i class="es-icon es-icon-people"></i>2</span>
                                    <span class="comment"><i class="es-icon es-icon-textsms"></i>0</span>
                                    <span class="course-price-widget"> <span class="price"> <span class="text-success">免费</span> </span> </span>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <div class="text-center mvl">
                <a href="/course/explore" class="btn btn-default btn-lg"> 更多课程 <i class="mrs-o es-icon es-icon-chevronright"></i> </a>
            </div>
        </div>
    </section>

    <!-- 特性 -->
    <section class="introduction-section">
        <div class="container hidden-xs">
            <div class="row">
                <div class="col-md-4 col-sm-4 col-xs-12 introduction-item">
                    <img class="img-responsive" src="/assets/v2/img/icon_introduction_1.png">
                    <h4>学习、练习、实践</h4>
                    <h5>一万七千多家网校共同选择，值得信赖</h5>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 introduction-item">
                    <img class="img-responsive" src="/assets/v2/img/icon_introduction_2.png">
                    <h4>响应式页面技术</h4>
                    <h5>采用响应式技术，完美适配任意终端</h5>
                </div>
                <div class="col-md-4 col-sm-4 col-xs-12 introduction-item">
                    <img class="img-responsive" src="/assets/v2/img/icon_introduction_3.png">
                    <h4>教育云服务支持</h4>
                    <h5>强力教育云支持，免除你的后顾之忧</h5>
                </div>
            </div>
        </div>
    </section>

    <!-- 推荐班级 -->

    <section class="class-section ">
        <div class="container">
            <div class="text-line">
                <h5><span>推荐班级</span><div class="line"></div></h5>
                <div class="subtitle">
                    班级化学习体系，给你更多的课程相关服务。
                </div>
            </div>
            <div class="recommend-class-list row">

                <div class="col-md-3 col-sm-6">
                    <div class="class-item">
                        <div class="class-bg-layer"></div>
                        <div class="class-item-bg">
                            <a class="class-img" href="/classroom/4"> <img src="/assets/img/default/lazyload_class.png?6.12.4" alt="EduSoho产品介绍" class="img-responsive" data-echo="http://edusoho-demo.b0.upaiyun.com/files/default/2015/06-17/1759280905cc504031.jpg" /> </a>
                            <h3><a class="link-dark" href="/classroom/4">EduSoho产品介绍</a></h3>
                        </div>
                    </div>
                </div>

            </div>
            <div class="text-center mvl">
                <a href="/classroom/explore" class="btn btn-default btn-lg"> 更多班级 <i class="mrs-o es-icon es-icon-chevronright"></i> </a>
            </div>
        </div>
    </section>

    <!-- 小组动态 -->
    <section class="dynamic-section ">
        <div class="container">
            <div class="text-line gray">
                <h5><span>动态</span><div class="line"></div></h5>
                <div class="subtitle">
                    参与小组，结交更多同学，关注课程动态。
                </div>
            </div>
            <div class="dynamic-section-main row">
                <div class="col-md-6">
                    <div class="panel panel-default index-group">
                        <div class="panel-heading">
                            <a href="/group" class="more"><i class="es-icon es-icon-morehoriz"></i></a>
                            <h3 class="panel-title"><i class="es-icon es-icon-whatshot pull-left"></i>热门小组</h3>
                        </div>
                        <div class="panel-body row">
                            <div class="media media-group col-md-6 col-sm-4">
                                <div class="media-left">
                                    <a href="/group/1"> <img class="avatar-square-md" src="http://edusoho-demo.b0.upaiyun.com/files/user/2015/04-23/1822411bfe8e903668.png" alt="ES学习圈"> </a>
                                </div>
                                <div class="media-body">
                                    <div class="title">
                                        <a class="link-light" href="/group/1"> ES学习圈 </a>
                                    </div>
                                    <div class="metas">
                                        <span><i class="es-icon es-icon-people"></i>6</span>
                                        <span><i class="es-icon es-icon-textsms"></i>18</span>
                                    </div>
                                </div>
                            </div>
                            <div class="media media-group col-md-6 col-sm-4">
                                <div class="media-left">
                                    <a href="/group/2"> <img class="avatar-square-md" src="http://edusoho-demo.b0.upaiyun.com/files/default/2015/06-18/0904088801e0997753.jpg" alt="作业大讲堂"> </a>
                                </div>
                                <div class="media-body">
                                    <div class="title">
                                        <a class="link-light" href="/group/2"> 作业大讲堂 </a>
                                    </div>
                                    <div class="metas">
                                        <span><i class="es-icon es-icon-people"></i>2</span>
                                        <span><i class="es-icon es-icon-textsms"></i>1</span>
                                    </div>
                                </div>
                            </div>
                            <div class="media media-group col-md-6 col-sm-4">
                                <div class="media-left">
                                    <a href="/group/4"> <img class="avatar-square-md" src="http://edusoho-demo.b0.upaiyun.com/files/default/2015/06-10/155158e4340f775236.jpg" alt="慕课讨论区"> </a>
                                </div>
                                <div class="media-body">
                                    <div class="title">
                                        <a class="link-light" href="/group/4"> 慕课讨论区 </a>
                                    </div>
                                    <div class="metas">
                                        <span><i class="es-icon es-icon-people"></i>2</span>
                                        <span><i class="es-icon es-icon-textsms"></i>1</span>
                                    </div>
                                </div>
                            </div>
                            <div class="media media-group col-md-6 col-sm-4">
                                <div class="media-left">
                                    <a href="/group/5"> <img class="avatar-square-md" src="http://edusoho-demo.b0.upaiyun.com/files/default/2015/06-10/1553255ca573190303.jpg" alt="网站课程动态"> </a>
                                </div>
                                <div class="media-body">
                                    <div class="title">
                                        <a class="link-light" href="/group/5"> 网站课程动态 </a>
                                    </div>
                                    <div class="metas">
                                        <span><i class="es-icon es-icon-people"></i>2</span>
                                        <span><i class="es-icon es-icon-textsms"></i>1</span>
                                    </div>
                                </div>
                            </div>
                            <div class="media media-group col-md-6 col-sm-4">
                                <div class="media-left">
                                    <a href="/group/3"> <img class="avatar-square-md" src="http://edusoho-demo.b0.upaiyun.com/files/default/2015/06-18/090621d7eec5090928.jpg" alt="一起去玩吧"> </a>
                                </div>
                                <div class="media-body">
                                    <div class="title">
                                        <a class="link-light" href="/group/3"> 一起去玩吧 </a>
                                    </div>
                                    <div class="metas">
                                        <span><i class="es-icon es-icon-people"></i>1</span>
                                        <span><i class="es-icon es-icon-textsms"></i>0</span>
                                    </div>
                                </div>
                            </div>
                            <div class="media media-group col-md-6 col-sm-4">
                                <div class="media-left">
                                    <a href="/group/6"> <img class="avatar-square-md" src="http://edusoho-demo.b0.upaiyun.com/files/default/2015/06-10/155352086968275687.jpg" alt="教务处"> </a>
                                </div>
                                <div class="media-body">
                                    <div class="title">
                                        <a class="link-light" href="/group/6"> 教务处 </a>
                                    </div>
                                    <div class="metas">
                                        <span><i class="es-icon es-icon-people"></i>1</span>
                                        <span><i class="es-icon es-icon-textsms"></i>0</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-md-6">
                    <div class="panel panel-default index-article">
                        <div class="panel-heading">
                            <h3 class="panel-title"> 最新资讯 <a class="more" href="/article"><i class="es-icon es-icon-morehoriz"></i></a></h3>
                        </div>
                        <div class="panel-body clearfix">
                            <ul class="index-recommend-aricle"></ul>
                            <ul class="index-new-article full">
                                <li class=" clearfix">
                                    <i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/15" title="世界那么大，后台那么新，教你如何不迷失~">世界那么大，后台那么新，教你如何不迷失~</a><span class="date">06-11</span>
                                </li>
                                <li class=" clearfix">
                                    <i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/14" title="精品资源共享课程与MOOC的碰撞">精品资源共享课程与MOOC的碰撞</a><span class="date">06-11</span>
                                </li>
                                <li class=" clearfix">
                                    <i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/13" title="用互联网+的思维探索教育的未来">用互联网+的思维探索教育的未来</a><span class="date">06-11</span>
                                </li>
                                <li class=" clearfix">
                                    <i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/12" title="职业教育如何“互联网+”">职业教育如何“互联网+”</a><span class="date">06-11</span>
                                </li>
                                <li class=" clearfix">
                                    <i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/11" title="老魏说 ：EduSoho要定义在线教育的服务标准">老魏说 ：EduSoho要定义在线教育的服务标准</a><span class="date">06-11</span>
                                </li>
                                <li class="last clearfix">
                                    <i class="es-icon es-icon-dot color-primary mrs"></i><a class="link-dark" href="/article/10" title="互联网+，让教育拥抱明天">互联网+，让教育拥抱明天</a><span class="date">06-11</span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</block>